import 'package:flutter/material.dart';
import 'flex_layout.dart';
import 'stack_layout.dart';
import 'wrap_flow_widget.dart';

class LayoutWidgetsPage extends StatefulWidget {
  @override
  _LayoutWidgetsPageState createState() => new _LayoutWidgetsPageState();
}

class _LayoutWidgetsPageState extends State<LayoutWidgetsPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SingleChildScrollView(
        child: Column(
          mainAxisSize: MainAxisSize.max,
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              'Column、Row线性布局',
              style: TextStyle(fontSize: 30),
            ),
            Text(
              '''textDirection：表示子widget的布局顺序
mainAxisSize：表示主轴方向占用的空间
mainAxisAlignment：表示子Widgets占用的水平空间内对齐方式。
crossAxisAlignment：表示主方向垂直方向的对齐方式
children ：子Widgets数组。''',
              style: Theme.of(context).textTheme.title,
            ),
            FlexLayout(),
            StackLayout(),
            WrapAndFlowWidget(),
          ],
        ),
      ),
    );
  }
}
